<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>程序员鹏peng的博客</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/zhang.jpg" rel="icon">
  <link href="assets/img/zhang.jpg" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <link href="assets/css/pio.css" rel="stylesheet">
  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">
  <link href="assets/css/button.css" rel="stylesheet">
	
	<script src="assets/js/jquery.min.js" type="text/javascript"></script>
	<!-- 点赞js -->
	<script src="assets/js/likeCount.js"></script>
</head>

<body>
	<script src="assets/js/player.js" id="myhk" key="demo" m="1"></script>
	<!-- 蜘蛛网格 -->
<!-- 	<script src="assets/js/wangge.js"></script> -->
	<!-- 樱花落叶特效 -->
	<script src="assets/js/fallenLeaves.js"></script>
	<!-- 鼠标移动特效 -->
	<span class="js-cursor-container"></span>
	<script src="assets/js/MouseMovement.js"></script>
	<!-- 鼠标点击特效 -->
	<script src="assets/js/MouseClick.js"></script>
	
  <!-- ======= Mobile nav toggle button ======= -->
  <i class="bi bi-list mobile-nav-toggle d-xl-none"></i>

  <!-- ======= Header ======= -->
  <header id="header">
    <div class="d-flex flex-column">

      <div class="profile">
        <img src="assets/img/headSculpture.jpeg" alt="" class="img-fluid rounded-circle">
        <h1 class="text-light"><a href="index.html">程序员鹏peng</a></h1>
        <div class="social-links mt-3 text-center">
          <a href="https://github.com/DeJaVuSy" class="twitter"><i class="bx bxl-github"></i></a>
          <a href="https://blog.csdn.net/qq_45415736?type=blog" class="facebook"><i class="bx bxl-blogger"></i></a>
          <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
          <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
          <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
        </div>
      </div>

      <nav id="navbar" class="nav-menu navbar">
        <ul>
          <li><a href="#hero" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>主页</span></a></li>
          <li><a href="#about" class="nav-link scrollto"><i class="bx bx-user"></i> <span>个人资料</span></a></li>
		  <li><a href="#ChatGPT" class="nav-link scrollto"><i class="bx bx-chat"></i> <span>ChatGPT</span></a></li>
          <li><a href="#resource" class="nav-link scrollto"><i class="bx bx-export"></i> <span>资源分享</span></a></li>
          <li><a href="#software" class="nav-link scrollto"><i class="bx bxl-react"></i> <span>软件分享</span></a></li>
          <li><a href="#game" class="nav-link scrollto"><i class="bx bx-game"></i> <span>游戏视频</span></a></li>
          <!-- <li><a href="#contact" class="nav-link scrollto"><i class="bx bx-video"></i> <span>动漫电影</span></a></li> -->
		  <li><a href="#baiduMaps" class="nav-link scrollto"><i class="bx bx-map"></i> <span>百度地图</span></a></li>
        </ul>
      </nav><!-- .nav-menu -->
    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex flex-column justify-content-center align-items-center">

	  <div id="video-container">
		  <video id="videoZhuye"></video>
		  <!-- <video autoplay loop muted id="videoZhuye">
			  <source src="assets/video/zhuye.mp4" type="video/mp4">
			  <source src="assets/video/zhuye5.ts" type="video/mp2t"> 
			  <source src="https://video-js.51miz.com/preview/video/00/00/16/03/V-160370-E045971B.mp4" type="video/mp4">
		  </video> -->
	  </div>
	  
	  <div class="hero-container" data-aos="fade-in">
		  <h1>鹏peng的博客</h1>
		  <p><span class="typed" data-typed-items="欢迎浏览我的网站,这里可以听音乐,可以和ChatGPT聊天,有软件和资源分享,可以玩小游戏"></span></p>
			<span style="color: aliceblue;">落叶特效切换:</span>
			<button class="clickSwitch" style="color: lightpink;" onclick="getCurrentSeason(4)">春</button>
			<button class="clickSwitch" style="color: chartreuse" onclick="getCurrentSeason(7)">夏</button>
			<button class="clickSwitch" style="color: coral" onclick="getCurrentSeason(10)">秋</button>
			<button class="clickSwitch" style="color: aquamarine" onclick="getCurrentSeason(1)">冬</button>
	  </div>
  </section><!-- End Hero -->

  <main id="main">
	👁 阅读量 <span id="count"></span>&emsp;
	  <a id="like-button" class="like-button" onclick="like();isLikePio()" style="cursor: pointer;">
		<img src="assets/img/visits/Black.png" alt="Like" style="width: 15px;height: 15px;">
	  </a>点赞数
	  <span id="likeCount"></span>
	  <span id="duration">程序运行时长：加载中...</span>
<!-- 	  <span id="duration" style="padding-left: 50px;">程序运行时长：加载中...</span> -->
		  
    <!-- ======= About Section ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="section-title">
          <h2>个人资料</h2>
          <p>我简单的介绍下我自己</p>
        </div>

        <div class="row">
          <div class="col-lg-4" data-aos="fade-right">
            <img src="assets/img/headSculpture.jpeg" class="img-fluid" alt="">
          </div>
          <div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
            <h3>全栈开发工程师</h3>
            <p class="fst-italic">
              全栈开发工程师是指具备前端、后端和运维技能的工程师，能够独立完成网站或应用的开发任务，需要熟悉不同的编程语言和开发框架，具备数据库管理和优化能力，同时了解网络安全和性能优化等方面的知识。
            </p>
            <div class="row">
              <div class="col-lg-6">
                <ul>
                  <li><i class="bi bi-chevron-right"></i> <strong>姓名:</strong> <span>程序员鹏Peng</span></li>
				  <li><i class="bi bi-chevron-right"></i> <strong>生日:</strong> <span>**月**日</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>手机:</strong> <span>***********</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>城市:</strong> <span>湖南-长沙</span></li>
                </ul>
              </div>
              <div class="col-lg-6">
                <ul>
                  <li><i class="bi bi-chevron-right"></i> <strong>性别:</strong> <span>男</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>邮箱:</strong> <span>tomzjp@foxmail.com</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>职业:</strong> <span>全栈开发工程师</span></li>
				  <li><i class="bi bi-chevron-right"></i> <strong>工作年限:</strong> <span>3年经验</span></li>
                </ul>
              </div>
            </div>
            <p>
              全栈开发工程师主要工作内容：负责网站或应用的架构设计和技术选型，参与前后端开发和维护工作，处理技术难题，制定和优化数据库管理策略，提高系统性能，负责网络安全和优化工作，保障系统稳定运行，参与项目需求分析和设计，提供技术解决方案，与团队成员协作，共同完成项目目标。
            </p>
          </div>
        </div>

      </div>
    </section><!-- End About Section -->

    <!-- ======= Skills Section ======= -->
    <section id="skills" class="skills section-bg">
      <div class="container">

        <div class="section-title">
          <h2>技能</h2>
          <p>熟练程度</p>
        </div>

        <div class="row skills-content">

          <div class="col-lg-6" data-aos="fade-up">

            <div class="progress">
              <span class="skill">HTML网页设计 <i class="val">80%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

			<div class="progress">
              <span class="skill">Vue <i class="val">70%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>
			
            <div class="progress">
              <span class="skill">JavaScript <i class="val">80%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

            <div class="progress">
              <span class="skill">SpringBoot <i class="val">90%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

          </div>

          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">

            <div class="progress">
              <span class="skill">SpringCloud <i class="val">70%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

			<div class="progress">
              <span class="skill">Redis <i class="val">90%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>
			
            <div class="progress">
              <span class="skill">Netty <i class="val">70%</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>
            
			<div class="progress">
			  <span class="skill">MySql <i class="val">90%</i></span>
			  <div class="progress-bar-wrap">
			    <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
			  </div>
			</div>

          </div>

        </div>

      </div>
    </section><!-- End Skills Section -->
	
	<section id="ChatGPT" class="resume">
		<div class="container">
			<div class="section-title">
			  <h2>ChatGPT</h2>
			  <h5>登录访问密码：zhang</h5>
			</div>
			<div class="row">
			
				<div class="col-lg-0">
				 <div>
					<p>
						<!-- <iframe sandbox="allow-same-origin allow-scripts allow-forms" src="ChatGPT.html" style="width: 100%;height: 650px;"></iframe> -->
						<!-- <iframe src="http://chat.universeai.top/#/chat/1002" style="width: 100%;height: 650px;"></iframe> -->
						<!-- <iframe src="https://cheery-haupia-3b1d7a.netlify.app" security="restricted" frameborder="0"
        sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts" style="width: 100%;height: 650px;"></iframe> -->
						<!-- <iframe src="http://chatgpt.homedejavu.top/" style="width: 100%;height: 650px;"></iframe> -->
						<!-- <iframe id="myIframe" data-src="http://localhost:3000" style="width: 100%;height: 650px;"></iframe> -->
<!-- 						<iframe id="myIframe" data-src="ChatGPT.html" style="width: 100%;height: 650px;"></iframe> -->
						<iframe id="myIframe" data-src="https://chatgpt.homedejavu.top/" style="width: 100%;height: 650px;"></iframe>
					</p>
				 </div>
<!-- 				 <div data-aos="fade-up" style="position: relative;z-index: 2;">
					 <p>
					 	<h4>俄罗斯方块</h4><span>语言切换:</span>
					 	<button onclick="handleClick('ch')">中文</button>
					 	<button onclick="handleClick('en')">英文</button>
					 	<button onclick="handleClick('fr')">法语</button>
					 	<button onclick="handleClick('fa')">波斯语</button>
					 	<iframe id="tetris" src="https://hmzhang_jin_peng.gitee.io/tetris-games/?lan=ch" style="width: 100%;height: 650px;"></iframe>
					 	<h4>小霸王</h4><span>电脑端按键说明：
					 	</br>玩家1：上(W),下(S),左(A),右(D)，select(space空格键)，start(Enter键)，B键(J键攻击)，A键(K键跳跃)</br>
					 	玩家2：↑，↓，←，→，B键(Num1)，A键(Num2)，select(/斜杆)，start(*星号)</br></span>
					 	<iframe id="fcgame" data-src="https://hmzhang_jin_peng.gitee.io/fcgame" style="width: 100%;height: 650px;"></iframe>
					 </p>
				 </div> -->
				</div>
			</div>
		</div>
	</section>
	<!-- ======= Resume Section ======= -->
	<section id="resource" class="resume">
		<div class="container">

		 <div class="section-title">
		   <h2>资源分享</h2>
<!-- 		   <p>资源分享</p> -->
		 </div>
		 <div class="row">
		   <div class="col-lg-6" data-aos="fade-up">
			 <h3 class="resume-title">Office模板的资源网站</h3>
			 <div class="resume-item pb-0">
<!-- 			   <h4></h4>
			   <p></p> -->
			   <ul>
				 <li>这是微软官方出品的Office模板资源站点，可以免费下载Office模板，里面包含了PPT模板、Word文档和Excel图表。</li>
				 <li>链接：<a href="https://www.officeplus.cn/PPT/template/?popularity=Total&industry=&purpose=&color=&paymentMethod=0&keywords=&number=" target="_blank">进入微软Office免费模板官网</a></li>
				<li>PPT模板</li>
				 <img src="assets/img/portfolio/ppt.png" class="img-fluid" alt="">
				 <a href="assets/img/portfolio/ppt.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
				 <li>Word模板</li>
				 <img src="assets/img/portfolio/word.png" class="img-fluid" alt="">
				 <a href="assets/img/portfolio/word.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
				 <li>Execl模板</li>
				 <img src="assets/img/portfolio/excel.png" class="img-fluid" alt="">
				 <a href="assets/img/portfolio/excel.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
			   </ul>
			 </div>
			 <h3 class="resume-title">Excel数据可视化图表模板</h3>
			 <div class="resume-item">
				 <h4>360套可视化模板</h4>
				 <p>职场中不论是汇报工作，还是演讲、分享一张好看的可视化图表少不了，不仅能加强信息的传达，还能体现自身的专业水平。</p>
				 <ul>
					<li>包含常见的柱形图、条形图、折线图、饼图，这些模板可以只当做图表素材来使用</li>
					<li>链接：<a href="https://wwou.lanzoub.com/isACb10uydsh" target="_blank">下载</a>&nbsp;&nbsp;<span>密码:鹏</span></li>
					<img src="assets/img/portfolio/execl.png" class="img-fluid" alt="">
					<a href="assets/img/portfolio/execl.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
					<img src="assets/img/portfolio/execl2.png" class="img-fluid" alt="">
					<a href="assets/img/portfolio/execl2.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
					</ul>
				 </ul>
			 </div>
			<h3 class="resume-title">壁纸</h3>
			<div class="resume-item">
						 <h4>Wallpaperswide</h4>
						 <p>WallpapersWide:精品壁纸下载站是一个分享精美桌面壁纸的下载站点，通过人工精心筛选而成，分类清晰、查询便捷。WallpapersWide网站的壁纸基本上皆是精品，网站管理人员按照自己的审美标准进行筛选，每款壁纸都基本上提供4:3、16:9、16:10 等分辨率的下载，还考虑了你的手机、PSP等设备。</p>
						 <ul>
						<li>链接：<a href="http://wallpaperswide.com/" target="_blank">http://wallpaperswide.com/</a></li>
						<img src="assets/img/portfolio/Wallpaperswide.png" class="img-fluid" alt="">
						<a href="assets/img/portfolio/Wallpaperswide.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
						 </ul>
			</div>
			<div class="resume-item">
						 <h4>微软的4K高清无水印壁纸</h4>
						 <p>这款壁纸网站原来是微软家自己的网站，名叫：wallpapers，是一款超清无码的站点，每一张图片最少都有20多M，即使放大也很清晰，一般普通的图片站点，有10M左右都非常清晰了。</p>
						 <ul>
						<li>这个站点的画质非常高清，里面的资源全部都免费下载。</li>
						<li>链接：<a href="https://wallpapers.microsoft.design/" target="_blank">https://wallpapers.microsoft.design/</a></li>
						<img src="assets/img/portfolio/wrbz.png" class="img-fluid" alt="">
						<a href="assets/img/portfolio/wrbz.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
						</ul>
						 </ul>
			</div>
			 
			</div>
		   <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">

		   
			<h3 class="resume-title">商品历史价格</h3>
			<div class="resume-item">
			<h4>这里分享三种查看商品历史价格的方法</h4>
			<p>1.淘宝、京东官网。2.微信小程序"历史价格查询"。3.手机"慢慢买"软件</p>
			<ul>
			<!-- <li>链接：<a href="">#</a></li> -->
			<li>在淘宝、京东官网网站选择一件商品在浏览器顶部网址部分.com前面加入vvv，然后再按回车键即可查看历史价格。</li>
			<img src="assets/img/portfolio/taobaovvv.jpg" class="img-fluid" alt="">
			<a href="assets/img/portfolio/taobaovvv.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude">查看图片</i></a>
			<img src="assets/img/portfolio/jdvvv1.jpg" class="img-fluid" alt="">
			<a href="assets/img/portfolio/jdvvv1.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
			<img src="assets/img/portfolio/jdvvv.jpg" class="img-fluid" alt="">
			<a href="assets/img/portfolio/jdvvv.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
			
			<li>微信搜索小程序"历史价格查询",复制淘宝、京东链接粘贴到搜索。</li>
			<img src="assets/img/portfolio/wxxcx.png" class="img-fluid" alt="">
			<a href="assets/img/portfolio/wxxcx.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
			  <li>下载App"慢慢买"，在App中可以设置降价监控，可以自定义添加其他监控目标以及自主设置指导价等，当商品的实际到手价低于所设指导价时，系统会及时通知降价信息。</li>
			  <img src="assets/img/portfolio/mmm.jpg" class="img-fluid" alt="">
			  <a href="assets/img/portfolio/mmm.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
			</ul>
			</div>
		   </div>
		 </div>

		</div>
	</section><!-- End Resume Section -->

	<section id="software" class="resume">
		<div class="container">

		 <div class="section-title">
		   <h2>软件分享</h2>
		 </div>
		 <div class="row">
		   <div class="col-lg-6" data-aos="fade-up">
			 <h3 class="resume-title">Office和WPS办公软件</h3>
			 <div class="resume-item pb-0">
				 <p>软件为最新破解版，支持Word、Excel、PPT等办公组件，支持PDF文档的编辑与格式转换集成思维导图、流程图、表单等功能。</p>
				 <p>阿里云盘(不限速下载)：<a href="https://www.aliyundrive.com/s/uX1ZAj3P1hT" target="_blank">下载</a>&nbsp;&nbsp;<span>密码:99rn</span></p>
			   <ul>
				<li>PPT</li>
				 <img src="assets/img/shiyongruanjian/ppt.png" class="img-fluid" alt="">
				 <a href="assets/img/shiyongruanjian/ppt.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
				 <li>Word</li>
				 <img src="assets/img/shiyongruanjian/word.png" class="img-fluid" alt="">
				 <a href="assets/img/shiyongruanjian/word.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
				 <li>Execl</li>
				 <img src="assets/img/shiyongruanjian/excel.png" class="img-fluid" alt="">
				 <a href="assets/img/shiyongruanjian/excel.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
			   </ul>
			 </div>
			 <h3 class="resume-title">Steam++网络加速器</h3>
			 <div class="resume-item">
				 <p>「Steam++」(Watt Toolkit)是一个包含多种Steam工具功能的工具箱，可加速Steam、Githup、Origin、Uplay、Discord语音聊天、国外验证码平台等。</p>
				 <ul>
					<li>链接：<a href="https://wwou.lanzoub.com/iTFAT1c9p9tg" target="_blank">下载</a>&nbsp;&nbsp;<span>密码:鹏</span></li>
					<img src="assets/img/shiyongruanjian/steam++.png" class="img-fluid" alt="">
					<a href="assets/img/shiyongruanjian/steam++.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
					<img src="assets/img/shiyongruanjian/steam1++.png" class="img-fluid" alt="">
					<a href="assets/img/shiyongruanjian/steam1++.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
					</ul>
				 </ul>
			 </div>
			 
			</div>
		   <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
				<h3 class="resume-title">Adobe2023全家桶</h3>
				<div class="resume-item">
					<p>(1)Photoshop(ps)图像编辑工作，是目前图像编辑功能最强大的专业工具软件。</br>
					(2)Adobe Premiere(pr)是一款专业视频编辑软件，虽然说很多视频编辑软件都能提供视频剪辑、特效、调色、配音、字幕等常见功能，但是Premiere能在这些方面做得更细致更强大。</br>
					(3)Adobe Illustrator(Ai)也是用于图像编辑工作，但它与Photoshop不同的是，Photoshop主要是以像素型数字图像编辑为主，而illustrator是以矢量图像编辑为主，例如印刷出版、广告海报、图形插画等。</br>
					(4)After Effects(Ae)主要以动画编辑工作为主，可以处理2D和3D图形的后期合成，有丰富的动画特效可以选择。一般用于电视及影视片头制作，影视特效，网页动画，广告，动漫等。</br>
					(5)Adobe Audition(Au)是一款专业音频编辑软件，可以提供先进的音频混合、编辑、控制和效果处理功能，专门为音频、视频专业人员设计，原名为cool edit pro，被Adobe收购后，改名为Audition。</br>
					(6)Adobe Dreamweaver(Dw)Dreamweaver是Adobe在收购Macromedia后获得的重量级产品，它是一款网页制作和网站管理的编辑器，也是目前使用最广泛的页面编辑软件。</p>
					<p>阿里云盘(不限速下载)：<a href="https://www.aliyundrive.com/s/cfq9dHBM8Bz" target="_blank">下载</a>&nbsp;&nbsp;<span>密码:68sj</span></p>
					<ul>
						<img src="assets/img/shiyongruanjian/Adobe1.jpg" class="img-fluid" alt="">
						<a href="assets/img/shiyongruanjian/Adobe1.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
						<img src="assets/img/shiyongruanjian/Adobe2.jpg" class="img-fluid" alt="">
						<a href="assets/img/shiyongruanjian/Adobe2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
						<img src="assets/img/shiyongruanjian/pr.png" class="img-fluid" alt="">
						<a href="assets/img/shiyongruanjian/pr.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
					</ul>
				</div>
		   
				<h3 class="resume-title">Windows使用记录查看工具</h3>
				<div class="resume-item">
					<p>这是一款能查找你电脑操作的软件，软件会同步你近期电脑使用的记录，大小只有1.79M，可以查看到操作时间、描述、文件名称、完整路径。</p>
					<p>链接：<a href="https://wwou.lanzoub.com/icQ5T1c9tlzi" target="_blank">下载</a>&nbsp;&nbsp;<span>密码:鹏</span></p>
					<ul>
						<img src="assets/img/shiyongruanjian/win.png" class="img-fluid" alt="">
						<a href="assets/img/shiyongruanjian/win.png" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
					</ul>
				</div>
		   </div>
		 </div>

		</div>
		<section class="services">
		  <div class="container">
			<div class="resume-title">
			  <p>实用电脑软件</p>
			</div>
			<div>
				<p>分享6个无广告、无弹窗、简洁、占内存小的软件。</p>
				<p>软件下载链接：<a href="https://wwou.lanzoub.com/b02c8cogf" target="_blank">点击下载</a>，密码：鹏</p>
			</div>
			<div class="row">
		      <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up">
		        <div class="icon"><i class="bi bi-download"></i></div>
		        <h4 class="title"><a href="">IDM下载器</a></h4>
		        <p class="description">支持所有流行的浏览器，提升下载速度，能自动捕获链接和接管浏览器下载。</p>
				<img src="assets/img/utilitySoftware/IDM.jpg" class="img-fluid" alt="">
				<a href="assets/img/utilitySoftware/IDM.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
		      </div>
		      <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
		        <div class="icon"><i class="bi bi-play"></i></div>
		        <h4 class="title"><a href="">PotPlayer播放器</a></h4>
		        <p class="description">PotPlayer播放器，解码能力极强支持打开各种格式视频，启动速度快、播放稳定、支持单帧播放。</p>
				<img src="assets/img/utilitySoftware/PotPlayer.jpg" class="img-fluid" alt="">
				<a href="assets/img/utilitySoftware/PotPlayer.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
		      </div>
		      <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
		        <div class="icon"><i class="bi bi-search"></i></div>
		        <h4 class="title"><a href="">Everything</a></h4>
		        <p class="description">Everything本地检索工具，快速文件索引，能秒搜索到电脑文件。</p>
				<img src="assets/img/utilitySoftware/Everything.jpg" class="img-fluid" alt="">
				<a href="assets/img/utilitySoftware/Everything.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
		      </div>
		      <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
		        <div class="icon"><i class="bx bx-library"></i></div>
		        <h4 class="title"><a href="">Bandizip</a></h4>
		        <p class="description">Bandizip压缩软件，支持打开和解压多种格式的压缩包。</p>
				<img src="assets/img/utilitySoftware/bandzip.jpg" class="img-fluid" alt="">
				<a href="assets/img/utilitySoftware/bandzip.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
		      </div>
		      <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
		        <div class="icon"><i class="bx bx-unlink"></i></div>
		        <h4 class="title"><a href="">Geek Uninstaller</a></h4>
		        <p class="description">Geek Uninstaller卸载工具，可深入扫描进程，并同时删除残留的注册表。</p>
				<img src="assets/img/utilitySoftware/Geek.jpg" class="img-fluid" alt="">
				<a href="assets/img/utilitySoftware/Geek.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
		      </div>
		      <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
		        <div class="icon"><i class="bx bx-folder"></i></div>
		        <h4 class="title"><a href="">SpaceSniffer</a></h4>
		        <p class="description">SpaceSniffer磁盘空间分析，可视化布局，直观地看到在硬盘上大的文件和文件夹。</p>
				<img src="assets/img/utilitySoftware/SpaceSniffer.jpg" class="img-fluid" alt="">
				<a href="assets/img/utilitySoftware/SpaceSniffer.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"><i class="bx bx-exclude"> 查看图片</i></a>
		      </div>
		    </div>
		
		  </div>
		</section><!-- End Services Section -->
	</section><!-- End Resume Section -->
<!-- ======= Services Section ======= -->
    

    <!-- ======= Portfolio Section ======= -->
    <section id="game" class="portfolio section-bg">

      <div class="container">

        <div class="section-title">
          <h2>游戏视频</h2>
        </div>
		<div class="section-title">
		  <h3>小游戏</h3>
		</div>
		<div class="row" data-aos="fade-up" data-aos-delay="100" style="position: relative;z-index: 2;">
			<div class="col-lg-4 col-md-6 portfolio-item">
				<h4>FC/NES小霸王</h4>
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/fcGame.png" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="https://qq1908077730.gitlab.io/fcgame-master" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🎮开始游戏</a>
			    </div>
			  </div>
				<span>电脑端按键说明：
			  </br>玩家1：上(W),下(S),左(A),右(D)，select(space空格键)，start(Enter键)，B键(J键攻击)，A键(K键跳跃)</br>
			  玩家2：↑，↓，←，→，B键(Num1)，A键(Num2)，select(/斜杆)，start(*星号)</br></span>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item">
				<h4>俄罗斯方块</h4>
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/tetris.png" class="img-fluid">
			    <div class="portfolio-links">
					<button onclick="handleClick('ch')">中文</button>
					<button onclick="handleClick('en')">英文</button>
					<button onclick="handleClick('fr')">法语</button>
					<button onclick="handleClick('fa')">波斯语</button>
			      <a id="tetris" href="https://qq1908077730.gitlab.io/tetris/?lan=ch" data-gallery="portfolioGallery" class="portfolio-lightbox">🎮开始游戏</a>
			    </div>
			  </div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item">
				<h4>扫雷</h4>
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/saolei.png" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="https://qq1908077730.gitlab.io/saolei" data-gallery="portfolioGallery" class="portfolio-lightbox">🎮开始游戏</i></a>
			    </div>
			  </div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item">
				<h4>2048军旗</h4>
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/2048.png" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="https://qq1908077730.gitlab.io/MilitaryFlag2024" data-gallery="portfolioGallery" class="portfolio-lightbox">🎮开始游戏</i></a>
			    </div>
			  </div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item">
				<h4>赛车漂移</h4>
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/saiche.png" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="https://qq1908077730.gitlab.io/RacingDriftGame" data-gallery="portfolioGallery" class="portfolio-lightbox">🎮开始游戏</i></a>
			    </div>
			  </div>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item">
				<h4>圣诞老人过桥</h4>
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/guoqiao.png" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="https://qq1908077730.gitlab.io/BridgeCrossingGame" data-gallery="portfolioGallery" class="portfolio-lightbox">🎮开始游戏</i></a>
			    </div>
			  </div>
			</div>
		</div>
		
		
		<div class="section-title">
		  <h3>我的游戏视频和截图</h3>
		</div>

        <div class="row" data-aos="fade-up">
          <div class="col-lg-12 d-flex justify-content-center">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">全部</li>
              <li data-filter=".filter-wz">王者荣耀</li>
              <li data-filter=".filter-feiche">QQ飞车手游</li>
              <li data-filter=".filter-lol">英雄联盟手游</li>
			  <li data-filter=".filter-ydzy">云顶之弈</li>
            </ul>
          </div>
        </div>

		
        <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100" style="position: relative;z-index: 2;">
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-lol">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=797695628&bvid=BV1gy4y1k7k2&cid=251282194&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-lol">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=797629503&bvid=BV1Dy4y1r7T4&cid=251284603&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-lol">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=842271676&bvid=BV1j54y1k7mJ&cid=240470899&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche"">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=322609395&bvid=BV14w411z7Kn&cid=1309371882&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche"">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=875112326&bvid=BV1cN4y1k7r7&cid=1309369819&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche"">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=747513460&bvid=BV1tC4y137Fy&cid=1310634105&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-ydzy"">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=288894729&bvid=BV1qf4y167Gw&cid=289521820&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-ydzy"">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=884806753&bvid=BV1cK4y1h7rp&cid=243584873&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-ydzy"">
				<iframe class="iframe" src="//player.bilibili.com/player.html?aid=288894729&bvid=BV1qf4y167Gw&cid=289521820&p=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			</div>
			<div class="col-lg-4 col-md-6 portfolio-item filter-lol">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/lolhome.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/lolhome.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="劫 原计划">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-lol">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/lolYS.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/lolYS.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="亚索 原计划">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-wz">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/wzhome.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/wzhome.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-wz">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/wzzj.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/wzzj.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
			    </div>
			  </div>
			</div>
			

			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/feicheHome.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/feicheHome.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/feichejijia.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/feichejijia.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/feichepaihang.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/feichepaihang.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-feiche">
			  <div class="portfolio-wrap">
			    <img src="assets/img/gameImg/feichezj.jpg" class="img-fluid" alt="">
			    <div class="portfolio-links">
			      <a href="assets/img/gameImg/feichezj.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
			    </div>
			  </div>
			</div>
			
			
			
			<div class="col-lg-4 col-md-6 portfolio-item filter-ydzy">
			  <div class="portfolio-wrap">
				<img src="assets/img/gameImg/ydzyhome.jpg" class="img-fluid" alt="">
				<div class="portfolio-links">
				  <a href="assets/img/gameImg/ydzyhome.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="">🔍</i></a>
				</div>
			  </div>
			</div>
          

        </div>

      </div>
    </section><!-- End Portfolio Section -->
    <!-- ======= Contact Section ======= -->
 <!--   <section id="contact" class="contact">
      <div class="container">

        <div class="section-title">
          <h2>动漫视频</h2>
          <p>开发中...</p>
        </div>
		
		<div class="row" data-aos="fade-up">

		  <div class="col-lg-5 d-flex align-items-stretch">
			<div class="info">
			  <div class="address">
				<i class="bi bi-calendar4-week"></i>
				<h4>日期</h4>
				<p>开发中...</p>
			  </div>

			  <div class="email">
				<i class="bi bi-envelope"></i>
				<h4>电子邮箱</h4>
				<p>开发中...</p>
			  </div>

			  <div class="phone">
				<i class="bi bi-phone"></i>
				<h4>号码</h4>
				<p>开发中...</p>
			  </div>

			</div>

		  </div>

		  <div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch">
			<form action="forms/contact.php" method="post" role="form" class="php-email-form">
			  <div class="row">
				<div class="form-group col-md-6">
				  <label for="name">视频名称</label>
				  <input type="text" name="name" class="form-control" id="name" required>
				</div>
				<div class="form-group col-md-6">
				  <label for="name">视频类型</label>
				  <input type="email" class="form-control" name="email" id="email" required>
				</div>
			  </div>
			  <div class="form-group">
				<label for="name">视频格式</label>
				<input type="text" class="form-control" name="subject" id="subject" required>
			  </div>
			  <div class="form-group">
				<label for="name">上传说明</label>
				<textarea class="form-control" name="message" rows="10" required></textarea>
			  </div>
			  <div class="my-3">
				<div class="loading">Loading</div>
				<div class="error-message"></div>
				<div class="sent-message">Your message has been sent. Thank you!</div>
			  </div>
			  <div class="text-center"><button type="submit">上传</button></div>
			</form>
		  </div>

		</div>
      </div>
    </section><!-- End Contact Section -->

	<section id="baiduMaps" class="contact">
	  <div class="container" style="position: relative;z-index: 2;">
	    <div class="section-title">
	      <h2>百度地图</h2>
	      <p>我的位置</p>
	    </div>
		<div id="dituContent" style="width:100%;height:500px;"> &nbsp;</div>
		  <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=7v4Rpd059w6y12HO64wcwrD2umOseaoB&s=1&services=true"></script>

	  </div>
	</section><!-- End Contact Section -->
	
  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="container">
      <div class="copyright">
        Copyright &copy; 2024 PNEG <strong><span>版权所有</span></strong>
      </div>
      
    </div>
  </footer><!-- End  Footer -->
	
	

	<!-- 跳转到顶部 -->
<!--  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a -->>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/purecounter/purecounter.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/typed.js/typed.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>


 <script src="assets/js/iframe.js"></script>
  <script src="assets/js/baidu.js"></script>
  
	<div class="pio-container right">
		<div class="pio-action"></div>
		<canvas id="pio" width="200" height="260"></canvas>
	</div>
	<script src="assets/js/live2D/l2d.js"></script>
	<script src="assets/js/live2D/pio.js"></script>
	<script src="assets/js/live2D/Paul_Pio.js"></script>
	

<!-- <script type="text/javascript" src="assets/js/snow.js"></script> -->
<!--  <script type="text/javascript" src="assets/js/ThreeCanvas.js"></script>
  <script type="text/javascript" src="assets/js/sSnow.js"></script> -->
  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>
<script src="https://myhkw.cn/api/player/169779191769" id="myhk" key="169779191769" m="1"></script>
</body>

</html>